function Tap(el){
    this.el = document.querySelector(el)
    this.num = 1
    this.init()
}
// 启动方法
Tap.prototype.init=function(){
    this.pagover()
  

}


// 标题 鼠标移入 清除所有样式 获取当前位置样式
Tap.prototype.pagover=function(){
   let ulliobj =  this.el.querySelectorAll('ul li')
   ulliobj.forEach((item,i)=>{
        item.onmouseover=()=>{
           
            // let olliobj = this.el.querySelectorAll('ol li')
            // this.el.querySelector('ol li.active').className= ''
            // olliobj[i].className = 'active'
            this.biaoti(ulliobj,i)
            this.tbnr(i)
          
        }
   })

}
// 标题
Tap.prototype.biaoti= function(ulliobj,i){
    this.el.querySelector('ul li.active').className= ''
    ulliobj[i].className = 'active'
}



// 同步 内容
Tap.prototype.tbnr=function(i){
    let olliobj = this.el.querySelectorAll('ol li')

    this.el.querySelector('ol li.active').className= ''
   
        
        olliobj[i].className = 'active'
  
    


}